<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
    <script src="/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/js/xadmin.js"></script>

</head>

<body>
    <div class="x-nav">
        <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
                <cite>导航元素</cite></a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
            onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
        </a>
    </div>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body ">

                    </div>
                    <div class="layui-card-body ">
                        <table id="myTable" lay-filter="test"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

<script type="text/html" id="switchTpl">
        <!-- 这里的checked的状态只是演示 -->
<input type="checkbox" name="sex" value="{{d.id}}" lay-skin="switch" lay-text="女|男" lay-filter="sexDemo"
    {{ d.id == 10003 ? 'checked': ''}}>
</script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="pass" id="pass">修改</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    
    <!-- 这里同样支持 laytpl 语法，如： -->
    {{#  if(d.auth > 2){ }}
      <a class="layui-btn layui-btn-xs" lay-event="check">审核</a>
    {{#  } }}
  </script>
<script>


    layui.use('laydate',
        function () {
            var laydate = layui.laydate;

            laydate.render({
                elem: '#start'
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });

        });


</script>
<script>
    layui.use('table',
        function () {
            var table = layui.table;

            //监听单元格编辑
            table.on('edit(test)',
                function (obj) {
                    var value = obj.value //得到修改后的值
                        ,
                        data = obj.data //得到所在行所有键值
                        ,
                        field = obj.field; //得到字段
                    layer.msg('[ID: ' + data.id + '] ' + field + ' 字段更改为：' + value);
                });

            //头工具栏事件
            table.on('toolbar(test)',
                function (obj) {
                    console.log(obj)
                    var checkStatus = table.checkStatus(obj.config.id);
                    switch (obj.event) {
                        case 'pass':
                            console.log(obj)
                            var data = checkStatus.data;
                            layer.alert(JSON.stringify(data));
                            break;
                        case 'getCheckLength':
                            var data = checkStatus.data;
                            layer.msg('选中了：' + data.length + ' 个');
                            break;
                        case 'isAll':
                            layer.msg(checkStatus.isAll ? '全选' : '未全选');
                            break;
                    };
                });

            table.render({
                elem: '#myTable'
                , height: 312
                , url: 'http://localhost:8094/user/fileAll' //数据接口
                , page: true //开启分页
                , cols: [[ //表头
                { field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left' }
                    , { field: 'type', title: '识别类型', width: 80 }
                    , { field: 'fileName', title: '文件名', width: 180 }
                    , { fixed: 'right', width: 150, align: 'center', toolbar: '#barDemo' }
                ]]
            });

            table.on('tool(test)', function (obj) {
                if(obj.event=="pass"){
                    let passUrl="http://localhost:8089/pass?AppointmentDate="+obj.data.AppointmentDate+"&Time="+obj.data.Time+"&ClassName="+obj.data.ClassName+"&ApplicationDate="+obj.data.ApplicationDate
                    console.log(obj.data.ApplicationDate)
                    $.get(passUrl,(data, status)=>{

                    })
                }
                if(obj.event=="del"){
                    let delUrl="http://localhost:8089/del?ApplicationDate="+obj.data.ApplicationDate
                    $.get(delUrl,(data, status)=>{

                    })
                }
                console.log(obj)
            })
        });
</script>

</html>